header {
    padding: (50rem / 75);

    .logo {
        width: (258rem / 75);
        height: (132rem / 75);
        margin: 0 auto;
        margin-bottom: (40rem / 75);
        background-image: url(../image/mLogo.png);
        background-size: (258rem / 75)(132rem / 75);
    }

    .name {
        width: 100%;
        position: relative;
        margin-bottom: (40rem / 75);
        &:hover span {
            display: block;
        }

        input {
            width: 100%;
            height: (104rem / 75);
            border: 1px solid #ccc;
            padding-left: (30rem / 75);
            font-family: Arial;
            font-size: (28rem / 75);
            box-sizing: border-box;
        }

        span {
            display: none;
            position: absolute;
            top: (30rem / 75);
            right: (20rem / 75);
            width: (40rem / 75);
            height: (40rem / 75);
            background-image: url(../image/icon.png);
            background-size: (400rem / 75)(160rem / 75);
            background-position: -570px -10px;
        }
    }

    .num {
        width: 100%;

        img {
            width: (200rem / 75);
            height: (80rem / 75);
            opacity: 0.7;
        }
    }

    .denglu {
        margin-top: (40rem / 75);
        a {
            display: block;
            width: 100%;
            height: (100rem / 75);
            background: #fe7d0a;
            color:#fff;
            font-size: (32rem / 75);
            text-align: center;
            line-height: (100rem / 75);
            border-radius: (5rem / 75);
        }

    }
}